<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <block name="header">
    <title>Hello world!</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    </block>

    <!--[if lt IE 9]>
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.js"></script>
    <![endif]-->
    <!-- zui -->
    <link href="__PUBLIC__/zui/css/zui.min.css" rel="stylesheet">
    <link href="__PUBLIC__/css/webstyle.css" rel="stylesheet">
    <link rel="stylesheet" href="__PUBLIC__/css/swiper.min.css" />
    <style>
	    .links{
	    	padding: 8px;
	    	background-color: #52b529;
	    	margin: 5px;
	    	-webkit-transition: all 1s;
	    	-o-transition: all 1s;
	    	transition: all 1s;
	    }
	    .links a{
	    	color: #fff;
	    	display: inline-block;
	    	width: 100%;
	    	height: 100%;
	    	text-decoration: none;
	    }
	    .links:hover{
		background-color: #1e824c;
	    }
	    .current{
	    	background-color: #22a7f0;
	    }
	     .swiper-container {
	        width: 100%;
	        max-height: 405px;
			padding:5px;
			background:#fff;
	    }
		
	    .swiper-slide {
	        text-align: center;
	        font-size: 18px;
	        background: #fff;

	        /* Center slide text vertically */
	        display: -webkit-box;
	        display: -ms-flexbox;
	        display: -webkit-flex;
	        display: flex;
	        -webkit-box-pack: center;
	        -ms-flex-pack: center;
	        -webkit-justify-content: center;
	        justify-content: center;
	        -webkit-box-align: center;
	        -ms-flex-align: center;
	        -webkit-align-items: center;
	        align-items: center;
    }
    </style>

  </head>
  <body>
    <block name="nav">
    <nav class="navbar navbar-inverse" role="navigation">
    <div class="container">
  <!-- 导航头部 -->
  <div class="navbar-header">
    <!-- 移动设备上的导航切换按钮 -->
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-example">
      <span class="sr-only">切换导航</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <!-- 品牌名称或logo -->
    <a class="navbar-brand" href="your/nice/url">
        <img src="__PUBLIC__/images/logo.png" />
    </a>
  </div>

  <!-- 导航项目 -->
  <div class="collapse navbar-collapse navbar-collapse-example">

    <!-- 一般导航项目 -->
    <ul class="nav navbar-nav">
      <li class="active"><a href="your/nice/url">首页</a></li>
      <li><a href="your/nice/url">发现</a></li>
      <li><a href="your/nice/url">排行榜</a></li>
    </ul>

     <!-- 导航中的表单 -->
		 <!--
    <form class="navbar-form navbar-left" role="search">
      <div class="form-group">
        <input type="text" class="form-control input-search" placeholder="找到你想要的">
      </div>
      <button type="submit" class="btn btn-default btn-search"><i class="icon icon-search"></i></button>
    </form>
		-->
    
    <ul class="nav navbar-nav navbar-right">
      <li><a href="your/nice/url">帮助</a></li>
      <li class="dropdown">
        <a href="your/nice/url" class="dropdown-toggle" data-toggle="dropdown">探索 <b class="caret"></b></a>
        <ul class="dropdown-menu" role="menu">
          <li><a href="your/nice/url">敏捷开发</a></li>
          <li><a href="your/nice/url">HTML5</a></li>
          <li><a href="your/nice/url">Javascript</a></li>
          <li class="divider"></li>
          <li><a href="your/nice/url">探索宇宙</a></li>
        </ul>
      </li>
    </ul>


  </div><!-- END .navbar-collapse -->
  </div>
</nav></block>

    <block name="content">
        <div class="container">
            <div class="col-md-8 left-cont">
            <block name="banner">
              <div class="banner">
                <div class="swiper-container">
					        <div class="swiper-wrapper">
					            <div class="swiper-slide"><img src="__PUBLIC__/images/test/1b.jpg"/></div>
					            <div class="swiper-slide"><img src="__PUBLIC__/images/test/2b.jpg"/></div>
					            <div class="swiper-slide"><img src="__PUBLIC__/images/test/3b.jpg"/></div>
                      <div class="swiper-slide"><img src="__PUBLIC__/images/test/4b.jpg"/></div>
					        </div>
					        <!-- Add Pagination -->
					        <div class="swiper-pagination"></div>
					        <!-- Add Arrows -->
					        <div class="swiper-button-next"></div>
					        <div class="swiper-button-prev"></div>
					    </div>
              </div>
            </block>

            <block name="list">
                <div class="list">
          
										<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>

									<!-- s --->

										<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>



									<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>




									<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>



									<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>



									<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>



									<div class="item item-self">
												<div class="title">
														<a href="#"  class="pull-left user-phone"><img src="__PUBLIC__/images/test/4b.jpg" width="30px" height="30px" class="img-circle" alt="圆形图片" /></a>
														<h4 class="pull-left"><a href="###">中YznBBS安装说明文标题测试</a></h4>
														<p class="pull-left tag">
															<span class="label label-primary">Primary</span>
															<span class="label label-success">Success</span>
															<span class="label label-info">Info</span>
															<span class="label">Default</span>
														</p>
														<div class="clearfix"></div>
												</div>
												<div class="info">
													4.3.4版本发布拉~ 百度盘：访问链接+ github：访问链接+ 4.3.4相对于3.3有接近百项更新，但是由于更新过程中，没有实时记录，所以整理了一些重要更新放置再更新说明里面，具体的请查看仓库：访问链接+ 后台可以直接更新咯~
												
													<a href="#" class="click"><img src="__PUBLIC__/images/test/4b.jpg" style="max-width:400px" /></a>
												</div>

												<div class="bottom">
														<div class="pull-left">
																<span class="time">04月19日 19:35 来自微吧</span>
														</div>

														<div class="pull-right info-icon">
																	<a href="#" class="icon icon-comment" title="评论">7</a> | 
																<a href="#" class="icon icon-heart" title="收藏">7</a> | 
																<a href="#" class="icon icon-thumbs-o-up" title="点赞">(19)</a>
																	
														</div>
												</div>
											
										<div class="clearfix"></div>
									</div>
									<!-- e -->

									
		  							<div class="clearfix"></div>
		  
      				</div>
					
            </block>

			</div>

			<!-- 右侧 -->
			<div class="right-list pull-left col-md-4">
				<div class="web-info">
					<div class="panel">
						<div class="panel-heading">
							微谈
						</div>
						<div class="panel-body">
							微谈 是一个关于分享和探索的地方。
						</div>
					</div>
				</div>

					<div class="panel">
						<div class="panel-heading">
							今日热议主题
						</div>
						<div class="panel-body">
							<ul>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
							</ul>
						</div>
					</div>

					  	<div class="friend-link">
								<div class="panel">
									<div class="panel-heading">
										合作伙伴
									</div>
									<div class="panel-body">
										<ul>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
								<li><a href="#">新增等级进度条 可以显示很多信息</a></li>
							</ul>
									</div>
								</div>
						</div>




			</div>
			<!-- END 右侧 -->
			
			<div class="clearfix"></div>
			
		
		
		
		</div>
    </block>

		

	<block name="footer">
		<div class="footer">
			<div class="container">
				<div class="top-page">
					<div class="inner">
                <div class="sep10"></div>
                    <strong><a href="/about" class="dark" target="_self">关于</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/faq" class="dark" target="_self">FAQ</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/p/7v9TEc53" class="dark" target="_self">API</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/mission" class="dark" target="_self">我们的愿景</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/ip" class="dark" target="_self">IP 查询</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="https://workspace.v2ex.com/" class="dark" target="_blank">工作空间</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/advertise" class="dark" target="_self">广告投放</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/advertise/2015.html" class="dark" target="_self">鸣谢</a> &nbsp; <span class="snow">·</span> &nbsp; <a href="/start" class="dark" target="_blank">上网首页</a> &nbsp; <span class="snow">·</span> &nbsp; 1571 人在线</strong> &nbsp; <span class="fade">最高记录 1684</span> &nbsp; <span class="snow">·</span> &nbsp;
                    <div class="sep20"></div>
                    创意工作者们的社区
                    <div class="sep5"></div>
                    World is powered by solitude
                    <div class="sep20"></div>
                    <span class="small fade">VERSION: 3.9.5 · 31ms · UTC 02:07 · PVG 10:07 · LAX 19:07 · JFK 22:07<br>♥ Do have faith in what you're doing.</span>
                    <div class="sep20"></div>
                    <span class="f12 gray"><a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">沪ICP备15015613号-1</a></span>
                <div class="sep10"></div>
            </div>
				</div>
			</div>
		</div>

		</block>


    <script src="http://apps.bdimg.com/libs/jquery/1.10.1/jquery.min.js"></script>
    <script src="__PUBLIC__/zui/js/zui.min.js"></script>
    <script src="__PUBLIC__/layer/layer.js"></script>
    <script src="__PUBLIC__/js/jquery.form.js"></script>
    <script src="__PUBLIC__/js/public.js"></script>
    <script src="__PUBLIC__/js/swiper.min.js"></script>
    <!-- Initialize Swiper -->
      <script>
          var swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            paginationClickable: true,
            spaceBetween: 30,
            centeredSlides: true,
            autoplay: 2500,
            autoplayDisableOnInteraction: false
        });
      </script>
  </body>
</html>